<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../resource/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="../../../resource/css/jedate.css"/>
		<link rel="stylesheet" type="text/css" href="../../../resource/fonts/iconfont.css"/>
		<link rel="stylesheet" type="text/css" href="../../../resource/css/common.css"/>
		<style type="text/css">
			.panel-body{
				background: #ffffff;
			}
		</style>
	</head>
	<body>
		<div class="container-fluid">
			<div class="row mheader">
				<div class="col-xs-2 text-left"><a href="javascript:;" onclick="javascript:history.back(-1);"><span class="iconfont icon-fanhui"></span></a></div>
				<div class="col-xs-8"><h2>工程材料需求申请单详情</h2></div>
				<div class="col-xs-2 text-right"><!-- <a href="#">编辑</a> --></div>
			</div>
			<div class="row">
				<dl class="erp-list erp-details">
					<!--<dd>-->
						<!--<div class="erp-txt">-->
							<!--<p><span>项目名称:</span>西三环通信管道施工</p>-->
							<!--<p><span>施工单位:</span>广北路工程有限公司</p>-->
							<!--<p><span>供货地址:</span>广北路-郑上路</p>-->
							<!--<p><span>供货时间:</span>2017年7月15日</p>-->
							<!--<p><span>状态:</span><strong>尚未供料</strong></p>-->
						<!--</div>-->
						<!---->
					<!--</dd>-->
				</dl>

				<dl class="erp-order xerp-order">
					<dt>需求申请单</dt>
					<div id="xuqiu">
					</div>
					<!--<dd>-->
						<!--<p><span>材料名称:</span>三级钢</p>-->
						<!--<div class="order-li clearfix">-->
							<!--<div class="col-xs-6"><span>规格:</span>100x200</div>-->
							<!--<div class="col-xs-6 text-right"><span>数量:</span><strong>20</strong><span>个</span></div>-->
							<!--<div class="col-xs-6"><span>价格:</span>¥200</div>-->
							<!--<div class="col-xs-6 text-right"><span>发货数量:</span><strong>20</strong><span></span></div>-->
							<!--<div class="col-xs-6"><span>地址:</span>广北路</div>-->
							<!--<div class="col-xs-6 text-right"><span>审批数量:</span><strong>20</strong><span></span></div>-->
						<!--</div>-->
					<!--</dd>-->
					<!--<dd>-->
						<!--<p><span>材料名称:</span>水泥</p>-->
						<!--<div class="order-li clearfix">-->
							<!--<div class="col-xs-6"><span>规格:</span>PC3.5</div>-->
							<!--<div class="col-xs-6 text-right"><span>数量:</span><strong>20</strong><span>吨</span></div>-->
						<!--</div>-->
					<!--</dd>-->
					<div class="moreBox">
						<a href="javascript:;" class="more">显示更多
							<!--<span class="iconfont icon-jiantou2"></span>-->
						</a>
					</div>
				</dl>
				<dl class="erp-order">
					<dt>材料供应单</dt>
					<div class="panel-body">
						<table class="table table-bordered">
							<!--<tr>-->
								<!--<td class="check-sty">-->
									<!--<input type="checkbox" id="checkbox-1-1" class="regular-checkbox" /><label for="checkbox-1-1"></label>-->
								<!--</td>-->
								<!--<td>-->
									<!--<p><span>材料名称:</span>三级钢</p>-->
									<!--<div class="order-li clearfix">-->
										<!--<div class="col-xs-6"><span>规格:</span>100x200</div>-->
										<!--<div class="col-xs-6 text-right">-->
											<!--<span>数量:</span>-->
											<!--<input type="text" class="mD-num" name="" id="" value="20" />-->
											<!--&lt;!&ndash;<span>吨</span>&ndash;&gt;-->
										<!--</div>-->
										<!--<div class="col-xs-6"><span>负责人:</span> 张</div>-->
										<!--<div class="col-xs-6 text-right"><span>单位:</span> t</div>-->
									<!--</div>-->
								<!--</td>-->
							<!--</tr>-->
							<!--<tr>-->
								<!--<td class="check-sty">-->
									<!--<input type="checkbox" id="checkbox-1-2" class="regular-checkbox" /><label for="checkbox-1-2"></label>-->
								<!--</td>-->
								<!--<td>-->
									<!--<p><span>材料名称:</span>水泥</p>-->
									<!--<div class="order-li clearfix">-->
										<!--<div class="col-xs-6"><span>规格:</span>PC3.5</div>-->
										<!--<div class="col-xs-6">-->
											<!--<span>数量:</span>-->
											<!--<input type="text" class="mD-num" name="" id="" value="20" />-->
											<!--&lt;!&ndash;<span>吨</span>&ndash;&gt;-->
										<!--</div>-->
										<!--<div class="col-xs-6"><span>负责人:</span> 张</div>-->
										<!--<div class="col-xs-6 text-right"><span>单位:</span> t</div>-->
									<!--</div>-->
								<!--</td>-->
							<!--</tr>-->
						</table>
					</div>
					<!--<dd>-->
						<!--<p><span>材料名称:</span>三级钢</p>-->
						<!--<div class="order-li clearfix">-->
							<!--<div class="col-xs-6"><span>规格:</span>100x200</div>-->
							<!--<div class="col-xs-6 text-right"><span>数量:</span><strong>20</strong><span>个</span></div>-->
							<!--<div class="col-xs-6"><span>价格:</span>¥200</div>-->
							<!--<div class="col-xs-6 text-right"><span>发货数量:</span><strong>20</strong><span></span></div>-->
							<!--<div class="col-xs-6"><span>地址:</span>广北路</div>-->
							<!--<div class="col-xs-6 text-right"><span>审批数量:</span><strong>20</strong><span></span></div>-->
						<!--</div>-->
					<!--</dd>-->
					<!--<dd>-->
						<!--<p><span>材料名称:</span>水泥</p>-->
						<!--<div class="order-li clearfix">-->
							<!--<div class="col-xs-6"><span>规格:</span>PC3.5</div>-->
							<!--<div class="col-xs-6 text-right"><span>数量:</span><strong>20</strong><span>吨</span></div>-->
						<!--</div>-->
					<!--</dd>-->
					<!--<dd>-->
						<!--<p><span>材料名称:</span>三级钢</p>-->
						<!--<div class="order-li clearfix">-->
							<!--<div class="col-xs-6"><span>规格:</span>100x200</div>-->
							<!--<div class="col-xs-6 text-right"><span>数量:</span><strong>20</strong><span>个</span></div>-->
						<!--</div>-->
					</dd>
				</dl>

				<div style="margin-bottom: 80px;"></div>
				<div class="order-send"><a href="#" class="btn btn-warning" onclick="fahuo()">发货</a></div>
			</div>
		</div>
	</body>
</html>
<script src="https://cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="../../../resource/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
<script src="../../../resource/js/style.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">

	//点击改变申请单显示于隐藏
	$(document).ready(function(){
		  $(".more").click(function(){
		    $(this).parents(".xerp-order").toggleClass("xerpShow");
		    
		  });
	});
	//点击改变申请单高度
	$(document).ready(function(){
		  $(".more").click(function(){
		    $(this).siblings(".order-li").toggleClass("orderHeight");
		  });
	});

	$(function () {
		load();
    })
	//发货操作数据获取
	var cc_UUID='';
	var r_adr='';
	//获取数据json的个数
	var a=0;




    function load(){
	    var feed_Code=window.location.href.split("?")[1];
		ajaxs(
		    'api/matperson/loadGysFeedSel.do',
			'post',
			{
                type:'b',
                feed_Code1:feed_Code,
                p:getP()
			},
			function (data) {
				var json=data.data;
                cc_UUID=json[0].cc_uuid;
                r_adr=json[0].f_adr;
                a=json.length;
				//渲染主要信息
				$('.erp-list').append('<dd>' +
                    '<div class="erp-txt visa-txt">' +
                    '<p><span>申请单号:</span>'+feed_Code+'</p>' +
                    '<p class="clearfix"><span class="sp">项目名称:</span><span class="divCon">'+json[0].eppName+'('+json[0].eppStaEnd+')'+'</span></p>' +
                    '<p class="clearfix"><span class="sp">施工单位:</span><span class="divCon">'+json[0].compName1+'</span></p>' +
                    '<p class="clearfix"><span class="sp">施工负责人:</span><span class="divCon">'+json[0].compPerson1+'</span></p>' +
                    '<p class="clearfix"><span class="sp">供货地址:</span><span class="divCon">'+json[0].f_adr+'</span></p>' +
                    '<p><span>联系电话:</span>'+json[0].compTel1+'</p>' +
                    '<p><span>供料时间:</span>'+json[0].supply_Time+'</p>' +
                    '</div>' +
                    '</dd>');
				if(json.length>1){
				    $('.moreBox').show();
				}else{
                    $('.moreBox').hide();
				}
				for(var i=0;i<json.length;i++){
				    //渲染需求申请单模块
				    $('#xuqiu').append('<dd>' +
                        '<p ><span>材料名称:</span>'+json[i].mat_Name+'</p>' +
                        '<div class="order-li clearfix">' +
                        '<div class="col-xs-6"><span>规格:</span>'+json[i].mat_Spec+'</div>' +
                        '<div class="col-xs-6 text-right"><span>申请数量:</span>'+json[i].fv_Num+'</div>' +
                        '<div class="col-xs-6"><span>计量单位:</span>'+json[i].mat_bit+'</div>' +
                        '</div>' +
                        '</dd>');
				    //渲染材料供应单模块
				    $('.table').append('<tr>' +
                        '<td class="check-sty">' +
                        '<input type="checkbox" id="checkbox-1-'+(i+1)+'" class="regular-checkbox" /><label for="checkbox-1-'+(i+1)+'"></label>' +
                        '</td>' +
                        '<td>' +
                        '<p class="cailiao" ids="'+json[i].mat_id+'|'+json[i].fv_Num+'|'+json[i].mat_Price+'|'+json[i].id+'"><span>材料名称:</span>'+json[i].mat_Name+'</p>' +
                        '<div class="order-li clearfix">' +
                        '<div class="col-xs-6"><span>规格:</span>'+json[i].mat_Spec+'</div>' +
                        '<div class="col-xs-6 text-right">' +
                        '<span>发货数量:</span>' +
                        '<input type="number" class="mD-num" name="" id=""  value="'+json[i].fv_Num+'" />' +
                        '<!--<span>吨</span>-->' +
                        '</div>' +
                        '<div class="col-xs-6"><span>计量单位:</span>'+json[i].mat_bit+'</div>' +
                        '</div>' +
                        '</td>' +
                        '</tr>');
				}
            }
		)
	}
	//点击发货参数数据
	function fahuo() {
        var pan=true;
        if($('input').length<=0){
            window.tool.alert('此模块仅限供货商操作');
			return;
		}else{
            $('input').each(function () {
                console.log($(this))
                if(!$(this).val()||$(this).length<=0){
                    window.tool.alert('请完善页面信息');
                    pan=false;
                    return false;
                }
            })
		}

	    var lRdetail="";
	    for(var i=0;i<a;i++){
	        if($('.regular-checkbox').eq(i).is(':checked')){
	            var ids=$('.cailiao').eq(i).attr('ids');
	            var is=ids.split("|");
	            var mat_id=is[0];
	            var fv_Num=is[1];
	            var mat_Price=is[2];
	            var id=is[3];
                lRdetail+=mat_id+','+fv_Num+','+$('.mD-num').eq(i).val()+','+mat_Price+',0,'+id+'|';
			}
		}
        var feed_Code=window.location.href.split("?")[1];
		lRdetail=lRdetail.substring(0,lRdetail.length-1);
		console.log('lRdetail',lRdetail);
		if(pan){
            ajaxs(
                'api/supply/builFeedManagerVali.do',
                'post',
                {
                    rm_Code:'001',
                    feed_Code:feed_Code,
                    //材料id mat_id,批准数量 fv_Num,送料数量，材料价格 mat_Price，状态  0,id
                    lRdetail:lRdetail,
                    cc_UUID:cc_UUID,
                    r_adr:r_adr,
                    p:getP()
                },
				function(data){
                    console.log(data)
					window.tool.alert(data.msg);
					location.href="./erp-list.html";
				}
			);
		}

    }

    $(function () {

        //判断数量输入框是否为空
        $('table').on('focus','input',function () {
            console.log($(this))
           	$(this).keyup(function () {
				console.log($(this).val()<=0)
				if($(this).val()<=0){
                    $('.btn-warning').hide();
                    window.tool.alert('数量不能小于0,请修改');
                    $(this).val('');

                    return;
                }else{
                    $('.btn-warning').show();
                }
            })
        })


    })

</script>












